<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:replace="common::head"></head>

<body>

<header>
  <!--页面顶部内容,登录登出等信息-->
  <div th:replace="common::page-top"></div>
  <!--搜索导航-->
  <div th:replace="common::search-nav"></div>
</header>
<!--主体内容-->
<div style="height: auto">
    <div class="header_banner" style="height: auto">
      <div th:replace="common::catalog"></div>
      <div class="header_main_center">
        <div name="itemBox" style="width: 100%">
          <table class="layui-table">
            <colgroup>
              <col width="150">
              <col width="150">
              <col width="130">
              <col width="150">
              <col>
            </colgroup>
            <thead>
            <tr>
              <th>PICTURE</th>
              <th>PRODUCT NO</th>
              <th>TYPE</th>
              <th>PRAM</th>
              <th>OEM NO</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="product : ${productList}">
              <td ><img th:src="${product.image}"> </td>
              <td> <a th:href="@{${#httpServletRequest.getScheme() + '://' + #httpServletRequest.getServerName()} + '/page/detail/' + ${product.id} }"
                      th:text="${product.productNo}"
                      style="color: #1E9FFF"
              ></a></td>
              <td th:text="${product.catalogEnname}"></td>
              <td th:text="${product.attributes}"></td>
              <td >
                <p th:each="oem : ${product.oemList}" th:text="${oem.brand +':' + oem.refNo}"></p>
              </td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>

    </div>

  </div>

<!--页脚-->
<div th:replace="common::footer"></div>
</body>

<script type="text/javascript" th:src="@{/static/index/js/text.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/header.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/secend.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/index.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/left,top.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/catalogLoader.js}"></script>
</html>
